* {
    /* 黑色 */
    --blackTop: #202023;
    --red: #e83c3c;
    --blue: #2d8cf0;
    --ThemeFontColor: #2d8cf0
}

.titleFont {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0;
}

html,
body,
#app {
    height: 100%;
    width: 100%;
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

/* 字颜色 */

.themeBG-white {
    background-color: #fff;
    color: #000;
}

.themeTop-white {
    background-color: #f9f9f9;
}

.themeMenu-white {
    background-color: #f9f9f9;
}

.themeMenuFont-white {
    color: #2d8cf0;
    margin-left: 1px !important;
    padding-left: 40px;
    border-left: 3px solid #2d8cf0;
}

/* 黑色 */
.themeBG-black {
    background-color: #16181c;
    color: #fff;
}

.themeTop-black {
    background-color: #191b1f;
    color: #c0c4cc;
}

.themeMenu-black {
    background-color: #202023;
    color: #cccccc;
}

.themeMenuFont-black {
    color: #b82525;
    margin-left: 1px !important;
    padding-left: 40px;
    border-left: 3px solid #b82525;
}

.themeMessage-black {
    background-color: #585e6b;
}

/* 粉色 */

.themeBG-deeppink {
    background-color: #fff;
}

.themeTop-deeppink {
    background-color: deeppink;
}

.themeMenu-deeppink {
    background-color: deeppink;
}

.themeMessage-deeppink {
    background-color: #fff;
}

.themeMenuFont-deeppink {
    margin-left: 1px !important;
    padding-left: 40px;
    color: #fff;
    border-left: 3px solid #fff;
}